<template>
  <section class="rights-section">
    <!--                    帮助中心-->
    <div class="rights-help">
      <div class="rights-svg help-svg"></div>
      <div class="rights-text">帮助中心</div>
    </div>
    <ul class="rights-module">
      <li class="rights-list">
        <a>反馈建议</a>
      </li>
      <li class="rights-list">
        <a>申请入驻</a>
      </li>
      <li class="rights-list">
        <a>常见问题</a>
      </li>
    </ul>

    <!--                    举报中心-->
    <div class="rights-warn">
      <div class="rights-svg warn-svg"></div>
      <div class="rights-text">举报中心</div>
    </div>
    <ul class="rights-module">
      <li class="rights-list">
        <a>违规投诉 010-60618076</a>
      </li>
    </ul>

    <!--                    关于我们-->
    <div class="rights-about">
      <div class="rights-svg about-svg"></div>
      <div class="rights-text">关于我们</div>
    </div>
    <ul class="rights-module">
      <li class="rights-list">
        <a>下载客户端</a>
      </li>
      <li class="rights-list">
        <a>联系我们</a>
      </li>
    </ul>



    <div class="web-logo">
      <div class="logo-svg"></div>
      <div class="logo-text">智慧党建</div>
    </div>
    <div class="web-case">©2024-2099 智慧党建</div>
    <div class="web-case">渝公网安备000000000000000</div>
  </section>
</template>

<script setup>

</script>

<style scoped>
/*最右侧页脚维权模块*/

.rights-section{
  width:100%;
  /*margin-top: 2rem;*/
  height: 20rem;
  /*background-color: green;*/
  padding: 2rem;
}
.rights-help,.rights-warn,.rights-about{
  display: flex;
}
.rights-svg{
  width:2rem;
  height:2rem;
  background-size: 1.8rem 1.8rem;
  background-position: center;
}
.help-svg{

}
.warn-svg{

}
.about-svg{

}
.rights-text{
  margin-left: 1rem;
  line-height: 2rem;
  font-size: 13px;
  letter-spacing: 1px;
  color:rgba(166, 166, 166, 1);
}
.rights-module{
  display: flex;
  margin-left: 1rem;
  margin-top: 1rem;
}
.rights-list{
  letter-spacing: 1px;
  margin-bottom: 2rem;
  margin-left: 2rem;
  list-style: none;
  color:rgba(166, 166, 166, 1);
  cursor: pointer;
}
.web-logo{
  display: flex;
  width:100%;
  margin-top: 2rem;
}
.logo-svg{
  width:4rem;
  height:4rem;
  background-size: 4rem 4rem;
  background-position: center;
}
.logo-text{
  letter-spacing: 5px;
  font-family: 微软雅黑;
  margin-left: 2rem;
  margin-bottom: 1rem;
  line-height: 4rem;
  font-size: 3rem;
  color:rgba(166, 166, 166, 1);
}
.web-case{
  letter-spacing: 2px;
  font-size: 15px;
  margin-top: 2rem;
  color:rgba(166, 166, 166, 1);
}

</style>
